/*主容器*/
.stepper {
    width: 90px;
    height: 25px;
    /*给主容器设一个边框*/
    border: 1rpx solid #ccc;
    border-radius: 3px;
    margin: 0 auto;
    background: white;
}

/*加号和减号*/
.stepper .sign {
    width: 24px;
    line-height: 21px;
    text-align: center;
    float: left;
    /* font-weight:600;  */
}

/*数值*/
.stepper .number {
    width: 40px;
    height: 25px;
    float: left;
    margin: 0 auto;
    text-align: center;
    font-size: 15px;
    color: #888;
    /*给中间的input设置左右边框即可*/
    border-left: 1rpx solid #ccc;
    border-right: 1rpx solid #ccc;
}

/*普通样式*/
.stepper .normal {
    color: #333;
}

/*禁用样式*/
.stepper .disabled {
    color: #eee;
}

.stepper-max {
    width: 110px;
    height: 30px;
    /*给主容器设一个边框*/
    border: 1rpx solid #ccc;
    border-radius: 3px;
    margin: 0 auto;
    background: white;
}

/*加号和减号*/
.stepper-max .sign {
    width: 30px;
    line-height: 30px;
    text-align: center;
    float: left;
    /* font-weight:600;  */
}

/*数值*/
.stepper-max .number {
    width: 47px;
    height: 30px;
    float: left;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    color: #888;
    /*给中间的input设置左右边框即可*/
    border-left: 1rpx solid #ccc;
    border-right: 1rpx solid #ccc;
}

/*普通样式*/
.stepper-max .normal {
    color: #333;
}

/*禁用样式*/
.stepper-max .disabled {
    color: #eee;
}